/*=== MEDIA QUERY ===*/
@import url("https://fonts.googleapis.com/css?family=Anaheim|Quattrocento+Sans:400,700");
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700|Open+Sans:300,400,600");
html {
  background-color: #353b43;
  color: #737f8a;
  scroll-behavior: smooth!important;
}

body {
  background-color:var(--black);
  font-family: "Anaheim", sans-serif;
  color: #737f8a;
  -webkit-font-smoothing: antialiased;
  position: relative;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  font-family: "Quattrocento Sans", sans-serif;
  color: #677a8b;
}

.nav-link {
  cursor: pointer;
}

p {
  font-family: "Quattrocento Sans", sans-serif;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #fff;
}

::-webkit-scrollbar {
  width: 12px;
  background-color: #fff;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: black;
}


/*=================================================================
  Basic Setup
==================================================================*/
::-moz-selection {
  /* Code for Firefox */
  color: var(--white);
  background: #57cbcc;
}

::selection {
  color: var(--white);
  background: #57cbcc;
}

ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

figure {
  margin: 0;
}

a {
  color: var(--white);
  transition: all 0.3s ease-in 0s;
}

iframe {
  border: 0;
}

a,
a:focus,
a:hover {
  text-decoration: none;
  outline: 0;
}

a:focus,
a:hover {
  color: #6CB670;
}

.kill-margin-bottom {
  margin-bottom: 0 !important;
}

.padding-0 {
  padding: 0 !important;
}

.btn {
  background-color: transparent;
  color: var(--white);
  padding: 10px 30px;
  border-radius: 0;
  transition: all 0.3s ease-in 0s;
}
.btn:focus {
  color: #ddd;
  box-shadow: none;
}

.btn-transparent {
  border: 1px solid #4e595f;
}
.btn-transparent:hover, .btn-transparent:focus {
  background-color: #8CD4FC;
  border-color: #57cbcc !important;
  color: var(--white);
}

.form-control {
  background-color: #2f383d;
  border-radius: 0;
  padding: 5px 10px;
  border: 0 none;
  color: #ddd;
}

.form-control:focus {
  box-shadow: 0 0 0;
}

.form-control::-webkit-input-placeholder {
  /*  Chrome, Safari, Opera  */
  color: #ddd;
}

.form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #ddd;
}

.form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #ddd;
}

.form-control:-ms-input-placeholder {
  /*  Internet Explorer  */
  color: #ddd;
}

.border {
  border-top: 2px solid rgba(236, 239, 241, 0.07);
  height: 1px;
  margin: 15px auto 0;
  position: relative;
  width: 0%;
}
.border:before {
  content: "";
  height: 6px;
  left: 50%;
  margin-left: -20px;
  position: absolute;
  top: -4px;
  width: 50px;
  background-color: var(--black);
}

.color {
  color: #6CB670;
}

.sub-title {
  padding: 0 0 50px;
}

.sub-title > h3 {
  border-left: 3px solid #ddd;
  border-right: 3px solid #ddd;
  display: inline-block;
  padding: 5px 25px;
  text-transform: uppercase;
}

.btn.active:focus,
.btn:active:focus,
.btn:focus {
  outline: 0;
}

.bg-one {
    background-image: -webkit-linear-gradient(150deg, black 50%, var(--white) 50%);
}

.bg-dark {
  background: #242930;
}

.parallax-section {
  background-attachment: fixed !important;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.no-padding {
  padding: 0 !important;
}

.inline-block {
  display: inline-block;
}

ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

figure {
  margin: 0;
}

a {
  transition: all 0.2s ease-in 0s;
}

iframe {
  border: 0;
}

a,
a:focus,
a:hover {
  text-decoration: none;
  outline: 0;
}

a:focus,
a:hover {
  color: #57cbcc;
}

.btn-main {
  background: #04547C;
  color: var(--white);
  display: inline-block;
  font-size: 14px;
  letter-spacing: 1px;
  padding: 10px 35px;
  text-transform: uppercase;
}
.btn-main:hover {
  background: #8CD4FC;
  color: var(--black);
}

.mt-20 {
  margin-top: 20px;
}

.section {
  padding: 100px 0;
}

#team-skills{
  padding: 100px 0px 0px 0px;
  background: white;
}
@media (max-width: 480px) {
  .section {
    padding: 50px 0;
  }
}
@media (max-width: 768px) {
  .section {
    padding: 50px 0;
  }.bg-one {
    background-image: -webkit-linear-gradient(130deg, black 50%, var(--white) 50%)!important;
  }
}

.section-sm {
  padding: 70px 0;
}

.section-xs {
  padding: 50px 0;
}

.btn:focus {
  color: #ddd;
}

#home {
  position: relative;
}

.btn.active:focus,
.btn:active:focus,
.btn:focus {
  outline: 0;
}

.parallax-section {
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.preloader {
  background: var(--white);
  height: 100%;
  left: 0;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 99999;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sk-cube-grid {
  width: 40px;
  height: 40px;
}

.sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background: url('../images/Turaco_bird.png');
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
  animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}

.sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    transform: scale3D(1, 1, 1);
  }
  35% {
    transform: scale3D(0, 0, 1);
  }
}
@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    transform: scale3D(1, 1, 1);
  }
  35% {
    transform: scale3D(0, 0, 1);
  }
}
#clientlogos h2{
 color: var(--white);
}

#clientlogos span {
  color: var(--white);
}


.borderlogo {
  border-top: 2px solid var(--white);
  height: 1px;
  margin: 15px auto 0;
  position: relative;
  width: 0%;
}

.borderlogo:before {
  content: "";
  height: 6px;
  left: 50%;
  margin-left: -20px;
  position: absolute;
  top: -4px;
  width: 50px;
  background-color: var(--white);
}

.title {
  padding-bottom: 60px;
}
.title h2 {
  text-transform: capitalize;
  font-weight: 700;
  font-size: 38px;
  color:var(--black);
}
.title h2 span {
  color: var(--black);
}
.title p {
  color: #666;
}
.title.title-white h2 {
  color: var(--white);
}

.bg-gray {
  background: #f9f9f9;
}

.section-bg {
  background: var(--black);
}

.overly {
  position: relative;
}
.overly:before {
  content: "";

  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.header-bradcrumb {
  background: transparent;
}
.header-bradcrumb a,
.header-bradcrumb .active {
  color: #cfcfcf;
  font-weight: 200;
  font-family: "Quattrocento Sans", sans-serif;
}
.header-bradcrumb a:hover {
  color: #57cbcc;
}

.slick-slide {
  outline: none;
}

/* CSS mfp-with-zoom class */
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
  opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
  opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-50 {
  margin-bottom: 50px;
}

.pagination li {
  margin: 5px;
  display: inline-block;
}
.pagination li a {
  background: #242930;
  border: 0;
  color: var(--white);
  border-radius: 0 !important;
}
.pagination li a:focus, .pagination li a:hover, .pagination li a.active {
  background: #57cbcc;
  color: var(--white);
  box-shadow: none;
}

.logo {
  margin-top: 10px;
  display: inline-block;
}

.single-page-header {
  background-image: url("../images/about/about-header.jpg");
  background-size: cover;
  padding: 140px 0 70px;
  text-align: center;
  color: var(--white);
  position: relative;
}
.single-page-header:before {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

/*=================================================================
  Navigation
==================================================================*/
/* #navigation {
  background-color: rgba(16, 22, 54, 0.2);
  border: 0 none;
  margin: 0;

  -webkit-transition: background-color 800ms linear;
  -moz-transition: background-color 800ms linear;
  -ms-transition: background-color 800ms linear;
  -o-transition: background-color 800ms linear;
  transition: background-color 800ms linear;
} */

.navigation {
  width: 100%;
  z-index: 99;
  margin-bottom: 0;
  padding: 10px 0;
  position: -webkit-fixed;
  top: 0;
  position: fixed;
  transition: background-color 800ms linear;
}


.navigation .logo {
  padding: 0;
  height: auto;
  margin-top: 0;
}
.navigation .logo img {
  height: auto;
  width: 50%;
}
.navigation .navigation-menu li a.active {
border-bottom: 1px solidvar(--black) !important;

}

.navbar-dark .navbar-toggler {
  color: rgb(0 0 0);
  border-color: rgb(0 0 0);
  padding-top: 10px;
}

.navigation .navigation-menu a {
  padding: 0px 30px !important;
  font-size: 13px;
  color: var(--black) !important;
}
.navigation .navigation-menu a:hover, .navigation .navigation-menu a:focus {
  background: transparent;
  color: #57cbcc !important;
}

.navbar-toggle {
  border: 1px solid var(--white);
  border-radius: 0;
}
.navbar-toggle span {
  background: var(--white);
}

.bg-1 {
  background-image: url("../images/backgrounds/bg-1.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

.navbar-nav {
  float: right;
  margin: 0;
}



.hero-area {
  background-size: cover;
  height: 100vh;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.hero-area p{
  color: var(--black);
  font-size: 4em;
}
.hero-area .block {
  text-align: center;
  z-index: 99;
}

.hero-area .block h1 {
  font-size: 3em;
  color: var(--black);
  text-transform: capitalize;
  font-weight: 700;
  margin-bottom: 20px;
}
@media (max-width: 992px) {
  .hero-area .block h1 {
    font-size: 60px;
  }
}
@media (max-width: 768px) {
  .hero-area .block h1 {
    font-size: 2.5em;
  }
    .navigation .navigation-menu a {
      text-align: center;
    }
    .navbar-nav {
      float: none;
      margin: 0;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {text-align: center;
    font-size: 1.7em;}

        p {
          text-align: center;
          font-size: 1.1em;
        }

        .navigation .logo img {
          
          width: 40%;
        }

         #flex {
            display: flex;
            flex-direction: column;
        }
  
        #a{
            order: 1;
        }
  
        #b {
            order: 2;
        }
  
        #c {
            order: 4;
        }

        #d {
            order: 3;
        }

        #first{
          order: 2;
        }

        #first {
          order: 1;
        }

        #team-skills{
              padding-bottom: 5em;
        }

        .navbar-dark .navbar-toggler {
          border-color: rgb(0 0 0);
        }

        .navbar-toggler {
          padding: 0.2rem 0.2rem;
        }
        
        /* .navbar-dark .navbar-toggler-icon {
          background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='black' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e);
      } */
      .navbar-dark .navbar-toggler-icon {
        padding: 4px;
    }
      .navbar-dark .navbar-toggler-icon {
        font-size: 24px; /* Adjust the size as needed */
        color: black;   /* Set the color to black */
        cursor: pointer; /* Add a pointer cursor to indicate interactivity */
        padding: 4px!important;
      }
}



.hero-area .block p {
  color: black;
  font-size: 1.3em;
  width: 100%;
  margin: 0 auto;
}
.hero-area .block .btn-transparent {
  margin-top: 40px;
  border-color: var(--white);
  padding: 14px 50px;
  font-size: 18px;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
}

.overlay {
  position: relative;
}
.overlay::before {
  content: "";
  background:rgb(4 84 124 / 45%);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  left: 0;
}

.dark-bg {
  background: rgba(0, 0, 0, 0.7);
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: -1;
}

/*=================================================================
  About us section
==================================================================*/
.mis {
  margin-top: 51px;
  padding-top: 170px;
}

.mis h3 {
color: var(--white)!important;
}

.mis p {
  color: var(--white) !important;
}

.about p{
  color: var(--black);
}
.about h3 {
    color: var(--black);
    font-size: 1.6em;
}
.about .block {
  padding: 30px;
  border-bottom: 2px solid transparent;
  transition: 0.5s all;
  margin-bottom: 20px;
}

.about .block:hover{
  transform: translateY(-20px);
}
.about .block .icon-box {
  position: relative;
  width: 160px;
  height: 92.38px;
  background-color: transparent;
  margin: 46.19px auto 60px;
  padding: 20px 0;
  border-left: 2px solid rgba(236, 239, 241, 0.07);
  border-right: 2px solid rgba(236, 239, 241, 0.07);
  font-size: 50px;
  transform: translateZ(0px);
  transition-duration: 0.3s;
  transition-property: transform;
}
.about .block .icon-box:after, .about .block .icon-box:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 113.14px;
  height: 113.14px;
  background-color: inherit;
  left: 20.4315px;
  transform: scaleY(0.5774) rotate(-45deg);
}
.about .block .icon-box:before {
  top: -56.5685px;
  border-top: 2px solid rgba(236, 239, 241, 0.07);
  border-right: 2px solid rgba(236, 239, 241, 0.07);
}
.about .block .icon-box:after {
  bottom: -56.5685px;
  border-bottom: 2px solid rgba(236, 239, 241, 0.07);
  border-left: 2px solid rgba(236, 239, 241, 0.07);
}
.about .block .icon-box h3 {
  color: #afbac4;
}

/*=================================================================
 Call To Action 1
==================================================================*/
.call-to-action {
  background-attachment: fixed;
}
.call-to-action h2 {
  font-weight: 700;
  color: #444;
}
.call-to-action p {
  font-size: 16px;
  color: #666;
}
.call-to-action .btn-main {
  margin-top: 20px;
}

/*=================================================================
 Call To Action 2
==================================================================*/
.call-to-action-2 {
  padding: 100px 0;
  background-image: url("../images/call-to-action/call-to-action-bg.jpg");
  background-size: cover;
  color: var(--white);
}
.call-to-action-2 h2 {
  line-height: 1.5;
}
.call-to-action-2 p {
  color: var(--white);
}
.call-to-action-2 .btn-main {
  margin-top: 20px;
}

.contact-us {
  padding-top: 50px;
  background: white!important;
}

.contact-form {
  margin-bottom: 60px;
}
.contact-form .form-control {
  background-color: transparent;
  border: 1px solid rgba(236, 239, 241, 0.07);
  height: 45px;
}
.contact-form textarea.form-control {
  padding: 10px;
  height: 120px;
}

.contact-form input:hover,
.contact-form textarea:hover,
#contact-submit:hover {
  border-color: #57cbcc;
}

#contact-submit {
  border: 1px solid rgba(236, 239, 241, 0.07);
  background: #57cbcc;
  padding: 12px 0;
  width: 100%;
  margin: 0;
}

.google-map #map_canvas {
  height: 400px;
}

.contact-info p {
  margin-bottom: 25px;
}

.con-info {
  margin-bottom: 20px;
}

.con-info i,
.con-info span {
  float: left;
}

.con-info span {
  margin: -5px 0 0 15px;
}

.error {
  display: none;
  padding: 10px;
  color: #D8000C;
  border-radius: 4px;
  font-size: 13px;
  background-color: #FFBABA;
}

.success {
  background-color: #6cb670;
  border-radius: 4px;
  color: var(--white);
  display: none;
  font-size: 13px;
  padding: 10px;
}

#map {
  height: 370px;
  width: 100%;
}



/*=================================================================
  Pricing section
==================================================================*/
.price-item {
  border: 1px solid rgba(236, 239, 241, 0.07);
  padding-bottom: 30px;
  margin: 15px 0;
}

.price-title {
  background-color: #292F36;
  padding: 30px 0 20px;
}
.price-title h3 {
  color: #57cbcc;
  margin: 0 0 10px;
  text-transform: uppercase;
}
.price-title p {
  font-size: 18px;
  font-weight: 400;
}
.price-title .value {
  color: #57cbcc;
  font-size: 30px;
}

.pricing li {
  padding: 10px 0;
}
.pricing li:last-child {
  border-bottom: 1px solid rgba(236, 239, 241, 0.07);
  margin-bottom: 20px;
}
.pricing li:nth-child(2n) {
  background-color: #292F36;
}
.pricing li .btn {
  text-transform: uppercase;
  margin: 20px 0;
}

/*=================================================================
  Portfolio section
==================================================================*/
.portfolio-filter {
  margin-bottom: 20px;
  text-align: center;
}
.portfolio-filter button {
  border: none;
  outline: none;
  border: 1px solid rgba(236, 239, 241, 0.07);
  background: transparent;
  display: inline-block;
  font-size: 16px;
  padding: 6px 20px;
  font-weight: 700;
  color: #737f8a;
  transition: 0.3s all;
}
.portfolio-filter button.active {
  border: 1px solid #57cbcc;
  color: #57cbcc;
}

.portfolio-items-wrapper .mix {
  padding: 5px;
}

.portfolio-block {
  position: relative;
  margin-top: 30px;
}
.portfolio-block:before {
  transition: all 0.3s ease-in-out;
  background: rgb(255, 255, 255);
  opacity: 0;
  top: 20px;
  right: 20px;
  bottom: 20px;
  left: 20px;
  position: absolute;
  content: "";
}
.portfolio-block img {
  width: 100%;
  height: auto;
}
.portfolio-block:hover:before {
  opacity: 1;
}
.portfolio-block:hover .caption h4 {
  top: 45%;
}
.portfolio-block:hover .caption {
  opacity: 1;
  top: 50%;
}
.portfolio-block .caption {
  position: absolute;
  top: 60%;
  left: 50%;
  opacity: 0;
  transform: translate(-50%, -50%);
  z-index: 9;
  transition: all 0.2s ease-in-out;
  text-align: center;
  width: 80%;
}
.portfolio-block .caption h4 {
  font-size: 16px;
  font-weight: 600;
}
.portfolio-block .caption h4 a {
  color: #555;
}
.portfolio-block .caption .search-icon {
  background: #57cbcc;
  width: 45px;
  height: 45px;
  color: var(--white);
  display: inline-block;
  font-size: 20px;
  border-radius: 30px;
  margin-bottom: 20px;
}
.portfolio-block .caption .search-icon i {
  line-height: 45px;
}

/*=================================================================
  Services section
==================================================================*/
#services {
  background: var(--white)!important;
}

#services h3{
  color: var(--black);
}
.service-block {
  padding: 60px 20px;
  border-left: 1px solid rgb(0 0 0 / 28%);
  border-top: 1px solid rgb(0 0 0 / 28%);
  margin-bottom: 40px;
  box-shadow: 2px 2px 5px rgb(0 0 0 / 70%), 13px 13px 0 rgb(138 210 249);
}
.service-block .service-icon {
  margin-bottom: 10px;
  font-size: 50px;
}

.service-block p{
  color: #ffffffb3;
}

/*=================================================================
  Services section 2
==================================================================*/
.service-2 .service-item {
  border: 1px solid #eee;
  margin-bottom: 30px;
  padding: 50px 20px;
  transition: all 0.3s ease 0s;
}
.service-2 .service-item:hover {
  box-shadow: 0 5px 65px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 5px 65px 0 rgba(0, 0, 0, 0.15);
}
.service-2 .service-item:hover i {
  background: var(--white);
  color: #57cbcc;
}
.service-2 .service-item i {
  font-size: 30px;
  display: inline-block;
  background: #57cbcc none repeat scroll 0 0;
  border-radius: 30px;
  box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.1);
  color: var(--white);
  height: 55px;
  line-height: 55px;
  margin-bottom: 20px;
  width: 55px;
  transition: all 0.3s ease 0s;
}

/*=================================================================
  Our skills
==================================================================*/
.skill-bar p {
  font-size: 18px;
  margin-bottom: 0;
}
.skill-bar p span {
  font-style: italic;
  font-size: 30px;
  color: rgba(187, 187, 187, 0.34);
  display: inline-block;
  vertical-align: middle;
}
.skill-bar .progress {
  height: 6px;
  border-radius: 0;
}
.skill-bar .progress .progress-bar {
  background: #57cbcc;
}
.skill-bar li:not(:last-child) {
  margin-bottom: 25px;
}

/*=================================================================
  Our Team
==================================================================*/
.team-member {
  background-color: var(--white);
  margin: 15px 0;
}
.team-member:hover .mask {
  cursor: pointer;
  opacity: 1;
  filter: alpha(opacity=100);
  transform: rotateY(0deg) scale(1, 1);
}

.member-photo {
  overflow: hidden;
  position: relative;
}
@media (max-width: 768px) {
  .member-photo {
    text-align: center;
  }
}
.member-photo:hover img {
  transform: scale(1.2);
}
.member-photo img {
  transition: all 0.4s ease 0s;
}
@media (max-width: 768px) {
  .member-photo img {
    display: inline-block;
  }
}
.member-photo .mask {
  background-color: rgba(87, 203, 204, 0.7);
  position: absolute;
  text-align: center;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all 0.5s ease-out 0s;
  transform: rotateY(180deg) scale(0.5, 0.5);
}
.member-photo .mask ul {
  text-align: center;
  position: relative;
  top: 125px;
}
.member-photo .mask ul li a {
  border: 1px solid var(--white);
  color: var(--white);
  display: block;
  font-size: 20px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  width: 35px;
}
.member-photo .mask ul li a:hover {
  background-color: var(--white);
  color: #57cbcc;
  border: 1px solid transparent;
}

.member-meta {
  padding: 15px;
}
.member-meta h4 {
  margin: 0 0 5px;
}
.member-meta span {
  font-size: 12px;
}

/*=================================================================
  Testimonial section
==================================================================*/
.testimonial:before {
  background: rgba(42, 48, 55, 0.7);
}

.client-info {
  margin: 0 auto;
  width: 55%;
}
@media (max-width: 992px) {
  .client-info {
    width: 75%;
  }
}
@media (max-width: 768px) {
  .client-info {
    width: 90%;
  }
}

.client-comment p {
  color: #afbac4;
  font-size: 18px;
  margin-bottom: 0;
}

.client-thumb img {
  border-radius: 50%;
  margin: 0 auto;
  max-width: 115px;
  width: 100%;
}

.client-meta {
  margin: 0 0 10px;
}
.client-meta h3 {
  margin: 15px 0 5px 0;
}
.client-meta span {
  font-size: 12px;
}

.owl-pagination,
.owl-buttons {
  text-align: center;
}

.owl-controls .owl-page {
  display: inline-block;
}

.owl-controls .owl-page span {
  background-color: transparent;
  border: 2px solid var(--white);
  border-radius: 50px;
  display: block;
  height: 13px;
  margin: 0 4px;
  width: 13px;
  opacity: 1;
  filter: alpha(opacity=100);
}

.owl-controls .owl-page.active span,
.owl-controls .owl-page:hover span {
  background-color: #57cbcc;
  border: 2px solid transparent;
}

.our-clients {
  margin: 30px 0 0;
}

#our-clietns .item img {
  max-width: 150px;
  width: 100%;
}

#our-clietns .owl-next,
#our-clietns .owl-prev {
  border: 1px solid #ddd;
  border-radius: 50px;
  display: inline-block;
  margin: 45px 0 0;
  padding: 3px 15px;
  position: relative;
  text-align: center;
}

#our-clietns .owl-next i,
#our-clietns .owl-prev i {
  line-height: 34px;
}

#our-clietns .owl-prev {
  margin-right: 15px;
}

#our-clients .item {
  margin: 10px;
}

/*=================================================================
  Latest Posts
==================================================================*/
.note {
  background-color: #292F36;
  border: 1px solid #4e595f;
}

/*=================================================================
  Footer section
==================================================================*/
.social-icon {
    padding: 30px 0 0px;
}
.social-icon ul {
  text-align: center;
}
.social-icon ul li {
  margin-bottom: 4px;
}
.social-icon ul li:hover a {
  background-color: #57cbcc;
  transform: rotateY(0deg);
}
.social-icon ul li:hover a i {
  color: var(--white);
  opacity: 1;
  filter: alpha(opacity=100);
  transform: rotateY(0deg);
}
.social-icon ul li a {
  background-color: #04547c;
  border: 1px solid transparent;
  display: block;
  height: 70px;
  width: 70px;
  transform: rotateY(180deg);
  transition: all 400ms ease-out 0s;
}

.cont{
  color: white!important;
}
@media (max-width: 768px) {
  .social-icon ul li a {
    width: 55px;
    height: 55px;
  }
}
.social-icon ul li a i {
  color: #55606a;
  display: inline-block;
  font-size: 32px;
  line-height: 70px;
  margin: 0;
  opacity: 0.3;
  filter: alpha(opacity=30);
  transform: rotateY(180deg);
  transition: all 400ms ease-out 0s;
}
@media (max-width: 768px) {
  .social-icon ul li a i {
    line-height: 55px;
    font-size: 25px;
  }
    .copyright img {
      margin-bottom: 15px;
      width: 15%!important ;
    }
}

.copyright {
  padding: 20px 0;
  color: var(--white);
}
.copyright img {
  margin-bottom: 15px;
  width: 5% ;
}
.copyright p, a {
  margin-top: 10px;
  color: #7f88a6;
}

#scrollUp {
  border: 1px solid #4e595f;
  bottom: 15px;
  color: var(--white);
  display: none;
  padding: 8px 12px;
  position: fixed;
  right: 20px;
  z-index: 600;
}

#scrollUp:hover {
  background-color: #57cbcc;
  border: 1px solid #57cbcc;
}

/* Slider */
.slick-slide {
  margin: 0px 20px;
}

.customer-logos {
  overflow: inherit;
  border-bottom: 1px solid var(--black);
}

.slick-slide img {
  width: 100%;
}

.slick-track::before,
.slick-track::after {
  display: table;
  content: '';
}

.slick-track::after {
  clear: both;
}

.slick-track {
  padding: 1rem 0;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-arrow {
  position: absolute;
  top: 50%;
  background: url(https://raw.githubusercontent.com/solodev/infinite-logo-carousel/master/images/arrow.svg?sanitize=true) center no-repeat;
  color: var(--white);
  filter: invert(77%) sepia(32%) saturate(1%) hue-rotate(344deg) brightness(105%) contrast(103%);
  border: none;
  width: 2rem;
  height: 1.5rem;
  text-indent: -10000px;
  margin-top: -16px;
  z-index: 99;
}

.slick-arrow.slick-next {
  right: -40px;
  transform: rotate(180deg);
}

.slick-arrow.slick-prev {
  left: -40px;
}

/* Media Queries */

@media (max-width: 768px) {
  .slick-arrow {
    width: 1rem;
    height: 1rem;
  }

    .line-2 {
      position: relative;
      top: 50%;
      width: 24em;
      margin: 0 auto;
      font-size: 1em!important;

}
}

body {
  background-color: #010101;
}

.row {
  overflow: hidden;
}

/* JsFiddle Example only/don't use */
.customer-logos {
  margin-top: 0px;
}

.line-1 {
  position: relative;
  top: 50%;
  width: 24em;
  margin: 0 auto;
  border-right: 2px solid rgba(255, 255, 255, 0);
  font-size: 180%;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  transform: translateY(-50%);
}

/* Animation */
.anim-typewriter {
  animation: typewriter1 7s steps(55) 1s 1 normal both,
  blinkTextCursor1 50ms steps(55) normal;
}


@keyframes typewriter {
  from {
    width: 0;
  }

  to {
    width: 24em;
  }
}

@keyframes blinkTextCursor {
  from {
    border-right-color: rgba(255, 255, 255, 0);
  }

  to {
    border-right-color: transparent;
  }
}

.line-2 {
  position: relative;
  top: 50%;
  width: 24em;
  margin: 0 auto;
  border-right: 2px solid rgba(255, 255, 255, 0);
  font-size: 180%;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  transform: translateY(-50%);
}

/* Animation */
.anim-typewriter1 {
  animation: typewriter 3.5s steps(60) 2.5s 1 normal both,
  blinkTextCursor 500ms steps(60) normal;
}


@keyframes typewriter1 {
  from {
    width: 0;
  }

  to {
    width: 24em;
  }
}

@keyframes blinkTextCursor1 {
  from {
    border-right-color: rgba(255, 255, 255, 0);
  }

  to {
    border-right-color: transparent;
  }
}

#banner .scrolldown {
  position: absolute;
  left: 50%;
  bottom: 18%;
  scroll-behavior: smooth;
}

#banner .scrolldown .scroll {
  border-radius: 100px;
  width: 25px;
  height: 45px;
  position: absolute;
  left: 50%;
  margin: 0 0 0 -15px;
  display: inline-block;
  border: 1px solid var(--black);
  z-index: 99;
  scroll-behavior: smooth;
}

#banner .scrolldown .scroll:after {
  background: var(--black);
  border-radius: 300px;
  width: 4px;
  height: 9px;
  position: absolute;
  top: 10px;
  left: 50%;
  margin: 0 0 0 -2px;
  display: block;
  content: " ";
  scroll-behavior: smooth;
  -webkit-animation: wiggle 0.5s linear 0s infinite alternate;
  -moz-animation: wiggle 0.5s linear 0s infinite alternate;
  -o-animation: wiggle 0.5s linear 0s infinite alternate;
  animation: wiggle 0.5s linear 0s infinite alternate;
}

/* animation keyfrem */
@-webkit-keyframes wiggle {
  from {
    top: 10px;
  }

  to {
    top: 20px;
  }
}

@-moz-keyframes wiggle {
  from {
    top: 10px;
  }

  to {
    top: 20px;
  }
}

@-o-keyframes wiggle {
  from {
    top: 10px;
  }

  to {
    top: 20px;
  }
}

@keyframes wiggle {
  from {
    top: 10px;
  }

  to {
    top: 20px;
  }
}








/* NEW CODE FOR ADDIOTIONAL WEBSITE STUFF */

.crossfade>figure {
  animation: imageAnimation 30s linear infinite 0s;
  backface-visibility: hidden;
  color: transparent;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;

  width: 95.238095%;
  z-index: 0;
  transform: scale(1.05);
  background-size: cover !important;
  transform-origin: 0 0;
}

.crossfade>figure:nth-child(1) {
  background: url(http://i.imgur.com/K3mPv14.jpg) no-repeat top center fixed;
  background-attachment: fixed;
}

.crossfade>figure:nth-child(2) {
  animation-delay: 6s;
  background: url(http://i.imgur.com/SBEmFpv.jpg) no-repeat top center fixed;
  background-attachment: fixed;
}

.crossfade>figure:nth-child(3) {
  animation-delay: 12s;
  background: url(http://i.imgur.com/emvhOnb.jpg) no-repeat top center fixed;
  background-attachment: fixed;
}

.crossfade>figure:nth-child(4) {
  animation-delay: 18s;
  background: url(http://i.imgur.com/2LSMCmJ.jpg) no-repeat top center fixed;
  background-attachment: fixed;
}

.crossfade>figure:nth-child(5) {
  animation-delay: 24s;
  background: url(http://i.imgur.com/TVGe0Ef.jpg) no-repeat top center fixed;
  background-attachment: fixed;
}

/* .crossfade>figure:nth-child(5) {
  animation-delay: 24s;
  background: url("../images/banner/home5.jpg") no-repeat top center fixed;
  background-attachment: fixed;
} */

@keyframes imageAnimation {
  0% {
    animation-timing-function: ease-in;
    opacity: 0;
  }

  8% {
    animation-timing-function: ease-out;
    opacity: 1;
  }

  17% {
    opacity: 1;
  }

  25% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

.slider{
  background-color: rgb(255 255 255 / 0%);
}

.slidernav {
  margin: auto;
  justify-content: center;
  flex: inherit;
}

.slider-menu .slidernav .slider-menu1 .nav-item a {
  color: var(--white) !important;
}
.slider-menu .slidernav .slider-menu1 .nav-item a:hover,
.slider-menu .slidernav .slider-menu1 .nav-item a:focus {
  background: transparent;
  color: #57cbcc !important;
}
#dropdown-menu a {
  color: var(--black) !important;
  border-bottom: 1px solid #0000002e;
}

.slider-menu .slidernav .slider-menu1 .nav-item a.active {
  border-bottom: 1px solid var(--white) !important;
}

/** IMAGE SLIDESHOW **/


video.fullscreen {
  position: absolute;
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);


}

.containerr {
  display: grid;
  place-items: center;
}

.content {
  z-index: 1;
}

.navbar-fixed-top.scrolled {
  background-color: var(--white) !important;
  transition: background-color 800ms linear;
  border-bottom: 1px solidvar(--black);
  padding: 0px;
}


/* Word slider  */


.item-1,
.item-2,
.item-3 {
    display: flex;
      top: 2em;
      width: 60%;
      margin: auto;
      justify-content: center;
      font-size: 2.2em;
      animation-duration: 11s;
      animation-timing-function: ease-in-out;
      animation-iteration-count: infinite;
      text-align: center;
}

.item-1 {
  animation-name: anim-1;
}

.item-2 {
  animation-name: anim-2;
}

.item-3 {
  animation-name: anim-3;
}

@keyframes anim-1 {

  0%,
  8.3% {
    left: -100%;
    opacity: 0;
  }

  8.3%,
  25% {
    left: 25%;
    opacity: 1;
  }

  33.33%,
  100% {
    left: 110%;
    opacity: 0;
  }
}

@keyframes anim-2 {

  0%,
  33.33% {
    left: -100%;
    opacity: 0;
  }

  41.63%,
  58.29% {
    left: 25%;
    opacity: 1;
  }

  66.66%,
  100% {
    left: 110%;
    opacity: 0;
  }
}

@keyframes anim-3 {

  0%,
  66.66% {
    left: -100%;
    opacity: 0;
  }

  74.96%,
  91.62% {
    left: 25%;
    opacity: 1;
  }

  100% {
    left: 110%;
    opacity: 0;
  }
}


/* Our Story */

@import url('https://fonts.googleapis.com/css?family=Yantramanav:100,300');

/* ------------- */
/* GLOBAL STYLES */
/* ------------- */


.container {
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  padding: 1em;
}


.brand {
  text-align: center;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.brand span {
  color: var(--white);
}

.wrapper {
  box-shadow: 0 0 20px 0 rgba(57, 82, 163, 0.7);
}

.wrapper>* {
  padding: 1em;
}

/* ------------------- */
/* COMPANY INFORMATION */
/* ------------------- */

.company-info {
  background: #C3C9DD;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.company-info h3,
.company-info ul {
  text-align: center;
  margin: 0 0 1rem 0;
}

/* ------- */
/* CONTACT */
/* ------- */

.contact {
  background: #dcdfea;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* ---- */
/* FORM */
/* ---- */

.contact form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}

.contact form label {
  display: block;
}

.contact form p {
  margin: 0;
}

.contact form .full {
  grid-column: 1 / 3;
}

.contact form button,
.contact form input,
.contact form textarea {
  width: 100%;
  padding: 1em;
  border: solid 1px #627EDC;
  border-radius: 4px;
}

.contact form textarea {
  resize: none;
}

.contact form button {
  background: #627EDC;
  border: 0;
  color: #e4e4e4;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
}

.contact form button:hover,
.contact form button:focus {
  background: #3952a3;
  color: var(--white);
  outline: 0;
  transition: background-color 2s ease-out;
}

/* ------------- */
/* MEDIA QUERIES */
/* ------------- */

@media only screen and (min-width: 700px) {
  .wrapper {
    display: grid;
    grid-template-columns: 1fr 2fr;
  }

  .wrapper>* {
    padding: 2em;
  }

  .company-info {
    border-radius: 4px 0 0 4px;
  }

  .contact {
    border-radius: 0 4px 4px 0;
  }

  .company-info h3,
  .company-info ul,
  .brand {
    text-align: left;
  }
}


/* Services */



 :root {
   --white: #fff;
   --black: #000;
   --color-brand-primary: hsl(var(--color-brand-primary-h), 43%, 43%);
   --color-brand-primary-h: 251;
   --color-brand-primary-s: 43%;
   --color-brand-primary-l: 43%;
   --color-brand-accent: hsl(var(--color-brand-accent-h), 96%, 61%);
   --color-brand-accent-h: 16;
   --color-brand-accent-s: 96%;
   --color-brand-accent-l: 61%;
   --color-brand-accent-bg: hsl(calc(var(--color-brand-accent-h) + 17), 100%, 96%);
   --ratio: 1.4;
   --s-6: calc(var(--s-5) / var(--ratio));
   --s-5: calc(var(--s-4) / var(--ratio));
   --s-4: calc(var(--s-3) / var(--ratio));
   --s-3: calc(var(--s-2) / var(--ratio));
   --s-2: calc(var(--s-1) / var(--ratio));
   --s-1: calc(var(--s0) / var(--ratio));
   --s0: calc(1.05rem + 0.333vw);
   --s1: calc(var(--s0) * var(--ratio));
   --s2: calc(var(--s1) * var(--ratio));
   --s3: calc(var(--s2) * var(--ratio));
   --s4: calc(var(--s3) * var(--ratio));
   --s5: calc(var(--s4) * var(--ratio));
   --s6: calc(var(--s5) * var(--ratio));
   font-size: 62.5%;
   line-height: 1.6;
   box-sizing: border-box;
 }

 @media (min-width: 40.625em) {
   :root {
     --s0: calc(1.25rem + 0.333vw);
   }
 }

 @media (min-width: 48em) {
   :root {
     --s0: calc(1.4rem + 0.333vw);
   }
 }

 @media (min-width: 62em) {
   :root {
     --s0: calc(1.6rem + 0.333vw);
   }
 }





 @media (min-width: 48em) {
   body {
     font-size: 1.5rem;
   }
 }

 @supports (font-variation-settings: normal) {
   body {
     font-family: "Inter var", sans-serif, arial;
   }
 }

 h2,
 h3,
 p,
 ul {
   margin: 0;
 }

 ul {
   padding: 0;
 }

 ul li {
   /* Remove li Bullets with zero-width space for accessability */
   list-style-type: none;
 }

 ul li:before {
   content: "\200B";
   /* add zero-width space */
   clip: rect(0 0 0 0);
   height: 1px;
   width: 1px;
   position: absolute;
 }

 .c-section {
   padding: 0 var(--s3);
 }

 .c-section__title {
   padding: var(--s2) var(--s3) calc(var(--s6) * 1.8);
   margin: 0 calc(var(--s3) * -1);
   color: var(--black);
   font-size: var(--s4);
   font-weight: 700;
   letter-spacing: -0.04em;
   text-align: center;
 }

 @media (min-width: 40.625em) {
   .c-section__title {
     padding: var(--s2) var(--s3) var(--s4);
   }
 }

 @media (min-width: 40.625em) {
   .c-section__title {
     display: -webkit-box;
     display: flex;
     -webkit-box-align: self-start;
     align-items: self-start;
     -webkit-box-pack: end;
     justify-content: flex-end;
     position: relative;
     text-align: unset;
   }
 }

 .c-section__title:after {
   content: '';
   display: block;
   background-size: calc(var(--s5) * 3) calc(var(--s5) * 3);
   width: calc(var(--s5) * 3);
   height: calc(var(--s5) * 3);
   background-repeat: no-repeat;
   background-position: center;
   margin-left: auto;
   margin-right: auto;
   -webkit-transform: translateY(11rem);
   transform: translateY(11rem);
   z-index: 1;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='aadef149-4ba5-4382-9e09-7df651a328a5' data-name='Layer 1' width='704' height='745.19433' viewBox='0 0 704 745.19433' class='injected-svg modal__media modal__lg_media' data-src='https://42f2671d685f51e10fc6-b9fcecea3e50b3b59bdc28dead054ebc.ssl.cf5.rackcdn.com/illustrations/mobile_web_2g8b.svg'%3E%3Ctitle%3Emobile_web%3C/title%3E%3Cpath d='M344.69391,661.25125l-8.38722-33.073A429.46111,429.46111,0,0,0,290.74208,611.834l-1.05792,15.37062L285.39,610.2712c-19.202-5.482-32.265-7.89648-32.265-7.89648s17.64872,67.09731,54.6606,118.39272l43.124,7.57249-33.50125,4.83219A173.75069,173.75069,0,0,0,332.395,749.05228c53.84043,49.96979,113.80669,72.89422,133.93843,51.20309s-7.1946-79.78376-61.035-129.75355c-16.69106-15.49113-37.65818-27.92221-58.646-37.70546Z' transform='translate(-248 -77.40283)' fill='%23fb6f3c'/%3E%3Cpath d='M424.44317,625.32976l9.91563-32.64732a429.46451,429.46451,0,0,0-30.557-37.54385L394.9511,567.7497l5.07688-16.71545c-13.60408-14.61837-23.53857-23.43755-23.53857-23.43755s-19.57459,66.561-14.40543,129.60362l33.00186,28.77326L363.9095,672.79331a173.75138,173.75138,0,0,0,4.62073,21.34072c20.26038,70.60659,59.74453,121.22757,88.19038,113.06511s35.08143-72.01738,14.821-142.624c-6.28092-21.88874-17.80407-43.36822-30.71362-62.59176Z' transform='translate(-248 -77.40283)' fill='%23fb6f3c'/%3E%3Cellipse cx='352' cy='727.19433' rx='352' ry='18' fill='%233f3d56'/%3E%3Cpath d='M805.65354,250.35009h-3.99878V140.80476a63.40186,63.40186,0,0,0-63.40205-63.40193H506.16627a63.40186,63.40186,0,0,0-63.402,63.40193V741.77894a63.40186,63.40186,0,0,0,63.402,63.40193H738.25271a63.40186,63.40186,0,0,0,63.40205-63.40193V328.32631h3.99878Z' transform='translate(-248 -77.40283)' fill='%233f3d56'/%3E%3Cpath d='M788.16,141.24713v600.09a47.3508,47.3508,0,0,1-47.35,47.35H507.61a47.35084,47.35084,0,0,1-47.35-47.35v-600.09a47.35089,47.35089,0,0,1,47.35-47.35H535.9a22.50661,22.50661,0,0,0,20.83,30.99H689.69a22.50673,22.50673,0,0,0,20.83-30.99h30.29A47.35084,47.35084,0,0,1,788.16,141.24713Z' transform='translate(-248 -77.40283)' fill='%23fff'/%3E%3Cpath d='M788.16,612.40716v128.93a47.3508,47.3508,0,0,1-47.35,47.35H507.61a47.35084,47.35084,0,0,1-47.35-47.35v-116.36a222.97136,222.97136,0,0,1,327.9-12.57Z' transform='translate(-248 -77.40283)' fill='%23e6e6e6'/%3E%3Cpolygon points='322.174 511.167 312.75 511.167 315.891 327.064 319.033 327.064 322.174 511.167' fill='%23e6e6e6'/%3E%3Cpath d='M578.02779,288.5586l15.21367-23.512a352.49687,352.49687,0,0,0-15.60827-36.53743l-9.83764,7.94573,7.78946-12.03815c-7.42343-14.61275-13.26462-23.81956-13.26462-23.81956s-30.5115,48.08118-40.70521,98.98824l19.52266,30.17145L519.5254,312.3006a142.61,142.61,0,0,0-1.18572,17.8826c0,60.291,19.69081,109.16642,43.98071,109.16642s43.98072-48.87547,43.98072-109.16642c0-18.69079-4.22846-38.24546-10.0614-56.33418Z' transform='translate(-248 -77.40283)' fill='%23e6e6e6'/%3E%3Cpolygon points='267.479 524.167 262.908 524.167 264.432 434.879 265.955 434.879 267.479 524.167' fill='%23e6e6e6'/%3E%3Cpath d='M519.28775,456.06773l7.37846-11.40307a170.95723,170.95723,0,0,0-7.56983-17.72025l-4.77115,3.85359,3.7778-5.83837c-3.60028-7.087-6.43319-11.55223-6.43319-11.55223s-14.79775,23.31885-19.74158,48.00821l9.46827,14.63282-10.48179-8.46609a69.16528,69.16528,0,0,0-.57506,8.67286c0,29.24044,9.54982,52.94451,21.33016,52.94451S533,505.49564,533,476.2552c0-9.06483-2.05076-18.54863-4.87967-27.32146Z' transform='translate(-248 -77.40283)' fill='%23e6e6e6'/%3E%3Cpolygon points='386.479 524.167 381.908 524.167 383.432 434.879 384.955 434.879 386.479 524.167' fill='%23e6e6e6'/%3E%3Cpath d='M638.28775,456.06773l7.37846-11.40307a170.95723,170.95723,0,0,0-7.56983-17.72025l-4.77115,3.85359,3.7778-5.83837c-3.60028-7.087-6.43319-11.55223-6.43319-11.55223s-14.79775,23.31885-19.74158,48.00821l9.46827,14.63282-10.48179-8.46609a69.16528,69.16528,0,0,0-.57506,8.67286c0,29.24044,9.54982,52.94451,21.33016,52.94451S652,505.49564,652,476.2552c0-9.06483-2.05076-18.54863-4.87967-27.32146Z' transform='translate(-248 -77.40283)' fill='%23e6e6e6'/%3E%3Ccircle cx='264' cy='186.19433' r='42' fill='%23e6e6e6'/%3E%3Cpolygon points='415.872 234.173 492.533 236.077 502.852 144.666 415.872 144.666 415.872 234.173' fill='%232f2e41'/%3E%3Cpath d='M644.76993,239.9612l-21.14671-81.078s5.84211-38.92023,19.97409-38.27814-3.66865,38.049-3.66865,38.049l23.94311,70.03766Z' transform='translate(-248 -77.40283)' fill='%23ffb8b8'/%3E%3Cpath d='M686.22412,443.10875l3.31146,33.11459s-104.311,71.19639-104.311,100.99953-3.31146,124.17974-3.31146,124.17974l38.08179,1.65573,3.31146-44.70471s8.27865-49.67189,3.31146-67.88492l54.63908-41.39325s-16.5573,19.86876-13.24584,54.63909S663.0439,706.3698,663.0439,706.3698l39.73752,3.31146s4.96719-36.42606,6.62292-39.73752,9.93438-62.91773,1.65573-79.475l67.88493-79.475s23.18022-29.80314,0-59.60627l-13.24584-6.62292Z' transform='translate(-248 -77.40283)' fill='%232f2e41'/%3E%3Cpath d='M583.56887,694.77969l-3.31146,21.52449-21.52449,51.32763s-36.42606,18.213-9.93438,21.52449,36.42606-3.31146,41.39325-11.59011,14.90157-21.52449,14.90157-21.52449L603.43763,790.812h8.27865l13.56912-47.49194a29.95239,29.95239,0,0,0-5.09327-26.76756q-.09786-.12417-.1972-.24835c-6.62292-8.27865-3.31146-19.86876-3.31146-19.86876Z' transform='translate(-248 -77.40283)' fill='%232f2e41'/%3E%3Cpath d='M666.35536,694.77969l-3.31146,21.52449-21.52449,51.32763s-36.42605,18.213-9.93437,21.52449,36.426-3.31146,41.39324-11.59011,14.90157-21.52449,14.90157-21.52449L686.22412,790.812h8.27865l13.56913-47.49194a29.95239,29.95239,0,0,0-5.09328-26.76756q-.09786-.12417-.1972-.24835c-6.62292-8.27865-3.31146-19.86876-3.31146-19.86876Z' transform='translate(-248 -77.40283)' fill='%232f2e41'/%3E%3Ccircle cx='458.09288' cy='162.05113' r='33.1146' fill='%23ffb8b8'/%3E%3Cpath d='M704.43715,267.60138l14.90157,34.77032,29.80314-23.18022s-18.213-24.83594-18.213-28.1474Z' transform='translate(-248 -77.40283)' fill='%23ffb8b8'/%3E%3Cpath d='M707.74861,287.47013l7.06394,4.34051s22.82273-12.10094,28.576-20.6387c0,0,20.65486-6.882,28.93351,9.67527s-4.96719,130.80267-4.96719,130.80267,8.27865,11.59011,6.62292,16.5573S778.945,441.453,778.945,441.453v9.93438s-94.37661,1.65573-94.37661-6.62292V418.2728l-9.93438-3.31146s-9.93438,21.52449-13.24584,19.86876-19.86876-14.90157-19.86876-14.90157,26.49168-87.75369,41.39325-102.65526l18.213-31.45887Z' transform='translate(-248 -77.40283)' fill='%23fb6f3c'/%3E%3Cpath d='M704.43715,289.12586s-3.31146-6.62292-8.27865-8.27865-29.80314-36.42605-29.80314-36.42605l3.31146-18.213-33.1146-4.96719s1.65573,18.213,8.27865,29.80314,43.049,71.19638,43.049,71.19638l18.213-33.1146Z' transform='translate(-248 -77.40283)' fill='%23fb6f3c'/%3E%3Cpath d='M730.101,420.75639l-19.86875,59.60628s-41.39325,46.36044-18.213,46.36044,34.77032-41.39325,34.77032-41.39325l28.14741-59.60628Z' transform='translate(-248 -77.40283)' fill='%23ffb8b8'/%3E%3Cpath d='M666.40465,239.938c26.52245-10.63018,52.66949-12.89779,78.1352,0V218.51138A13.95535,13.95535,0,0,0,730.58449,204.556H677.42954a11.02489,11.02489,0,0,0-11.02489,11.02489Z' transform='translate(-248 -77.40283)' fill='%232f2e41'/%3E%3Cpath d='M750.79759,285.8144s15.10671-12.79586,23.28279,1.88072,3.20889,77.59432,1.55316,85.873-13.24584,59.60628-13.24584,59.60628l-39.73752-8.27865s-3.31146-23.18022,6.62292-21.52449Z' transform='translate(-248 -77.40283)' fill='%23fb6f3c'/%3E%3Cpath d='M767.27813,271.58657c-7.47508-4.10485-10.95384-13.3183-11.20173-21.8427-.24822-8.5244,1.81928-16.96078,1.98174-25.48727a19.70066,19.70066,0,0,0-.44217-5.19738,19.99152,19.99152,0,0,0-2.85872-5.91734c-9.72073-14.89484-26.61815-25.37235-44.41647-25.53721a19.72685,19.72685,0,0,0-7.51573,1.38171c-1.84014.737-2.44183.64676-2.79446,2.90614a18.80778,18.80778,0,0,0-12.90778.41044,43.67006,43.67006,0,0,0-11.28781,6.72245,50.91134,50.91134,0,0,0-5.707,4.94121c-9.4059,9.74414-11.57188,24.76187-8.847,38.02816.88586,4.313-3.3647,8.47684-6.88166,11.12594s-7.57824,5.08173-9.3054,9.132c-1.66117,3.89607-.74885,8.35188-1.08333,12.57414a21.50585,21.50585,0,0,1-13.71993,18.06931,6.619,6.619,0,0,0,6.38589,2.24579,15.71689,15.71689,0,0,0,6.65437-3.168,39.58173,39.58173,0,0,0,14.7562-21.89461c1.03307,4.69842.63244,9.54449.59442,14.355a40.097,40.097,0,0,1-2.90746,15.67932,22.95849,22.95849,0,0,1-10.57045,11.63912c4.6135,2.25911,9.69783.62172,13.60738-2.71074,3.90938-3.33246,6.21789-8.16974,7.83049-13.047a65.02715,65.02715,0,0,0,3.1334-24.67964A35.23865,35.23865,0,0,1,674.197,295.3399a36.73,36.73,0,0,1-12.45807,21.62429,71.55883,71.55883,0,0,0,32.75215-8.24838,18.53725,18.53725,0,0,0,6.71768-5.17351c3.251-4.50991,2.48187-10.6609,1.57006-16.14519-.72122-4.3364,4.69775-10.60546,1.5945-13.71918a5.14429,5.14429,0,0,0-3.44914-1.48246c-9.45259-.91006-18.20527-5.65746-23.25035-13.70275-3.53538-5.63781-5.87629-12.07592-5.87629-18.09738a32.93149,32.93149,0,1,1,64.38483,9.77247,66.08219,66.08219,0,0,0-2.39716,11.16014,87.6848,87.6848,0,0,1-2.6728,12.98267c-2.34787,8.17535-6.32542,16.51719-13.68526,20.7814,2.47315,1.35348,5.33556,1.41445,8.13766,1.72322,9.23506,1.01758,18.9478.79289,27.30655-3.26312C761.2304,289.496,767.87372,280.85839,767.27813,271.58657Z' transform='translate(-248 -77.40283)' fill='%232f2e41'/%3E%3Cpolygon points='490.38 252.288 481.739 323.422 482.101 255.6 490.38 252.288' opacity='0.2'/%3E%3Cpolygon points='518.772 336.291 515.216 358.255 523.494 361.567 518.772 336.291' opacity='0.2'/%3E%3C/svg%3E");
 }

 @media (min-width: 40.625em) {
   .c-section__title:after {
     margin-left: auto;
     margin-right: 0;
     -webkit-transform: translateY(2rem);
     transform: translateY(2rem);
   }
 }

 .c-section span:before {
   content: '';
   display: block;
   position: absolute;
   top: -100%;
   left: 0;
   width: 100%;
   height: 200%;
   -webkit-transform: skew(0deg, 10deg);
   transform: skew(0deg, 10deg);
   z-index: -1;
   background: var(--color-brand-primary);
   background-attachment: fixed;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='487' height='243.5' viewBox='0 0 1600 800' style='&%2310; opacity: .45;&%2310;'%3E%3Cpath fill='%23fdb9a0' d='M1102.5 734.8c2.5-1.2 24.8-8.6 25.6-7.5.5.7-3.9 23.8-4.6 24.5-.2.3-16-12.3-21-17zm123.8-505.7c0-.1-4.9-9.4-7-14.2-.1-.3-.3-1.1-.4-1.6-.1-.4-.3-.7-.6-.9-.3-.2-.6-.1-.8.1l-13.1 12.3c-.2.2-.3.5-.4.8 0 .3 0 .7.2 1 .1.1 1.4 2.5 2.1 3.6 2.4 3.7 6.5 12.1 6.5 12.2.2.3.4.5.7.6.3 0 .5-.1.7-.3 0 0 1.8-2.5 2.7-3.6 1.5-1.6 3-3.2 4.6-4.7 1.2-1.2 1.6-1.4 2.1-1.6.5-.3 1.1-.5 2.5-1.9.4-.5.5-1.3.2-1.8zM33 770.3c0-.7-.5-1.2-1.2-1.2-.1 0-.3 0-.4.1-1.6.2-14.3.1-22.2 0-.3 0-.6.1-.9.4-.2.2-.4.5-.4.9 0 .2 0 4.9.1 5.9l.4 13.6c0 .3.2.6.4.9.2.2.5.3.8.3h.1c7.3-.7 14.7-.9 22-.6.3 0 .7-.1.9-.3.2-.2.4-.6.4-.9-.1-6.1-.1-13.2 0-19.1z' style='&%2310;'/%3E%3Cpath fill='%23fee272' d='M171.1 383.4c1.3-2.5 14.3-22 15.6-21.6.8.3 11.5 21.2 11.5 22.1-.1.3-20.3.1-27.1-.5zm425.3 328.4c-.1-.1-6.7-8.2-9.7-12.5-.2-.3-.5-1-.7-1.5-.2-.4-.4-.7-.7-.8-.3-.1-.6 0-.8.3L574 712c-.2.2-.2.5-.2.9 0 .3.2.7.4.9.1.1 1.8 2.2 2.8 3.1 3.1 3.1 8.8 10.5 8.9 10.6.2.3.5.4.8.4.3 0 .5-.2.6-.5 0 0 1.2-2.8 2-4.1 1.1-1.9 2.3-3.7 3.5-5.5.9-1.4 1.3-1.7 1.7-2 .5-.4 1-.7 2.1-2.4.3-.3.2-1.1-.2-1.6zm131.1-531.9c.6.2 1.3-.2 1.4-.8v-.4c.2-1.4 2.8-12.6 4.5-19.5.1-.3 0-.6-.2-.8-.2-.3-.5-.4-.8-.5-.2 0-4.7-1.1-5.7-1.3l-13.4-2.7c-.3-.1-.7 0-.9.2-.2.2-.4.4-.5.6v.1c-.8 6.5-2.2 13.1-3.9 19.4-.1.3 0 .6.2.9.2.3.5.4.8.5 5.8 1.3 12.7 2.9 18.5 4.3zm1-1.8c-.1-.1-.2-.2-.4-.2.2 0 .3.1.4.2z'/%3E%3Cg fill='%23eac5e7'%3E%3Cpath d='M699.6 472.7c-1.5 0-2.8-.8-3.5-2.3-.8-1.9 0-4.2 1.9-5 3.7-1.6 6.8-4.7 8.4-8.5 1.6-3.8 1.7-8.1.2-11.9-.3-.9-.8-1.8-1.2-2.8-.8-1.7-1.8-3.7-2.3-5.9-.9-4.1-.2-8.6 2-12.8 1.7-3.1 4.1-6.1 7.6-9.1 1.6-1.4 4-1.2 5.3.4 1.4 1.6 1.2 4-.4 5.3-2.8 2.5-4.7 4.7-5.9 7-1.4 2.6-1.9 5.3-1.3 7.6.3 1.4 1 2.8 1.7 4.3l1.5 3.3c2.1 5.6 2 12-.3 17.6-2.3 5.5-6.8 10.1-12.3 12.5-.4.2-.9.3-1.4.3zm40.8-51.3c1.5-.2 3 .5 3.8 1.9 1.1 1.8.4 4.2-1.4 5.3-3.7 2.1-6.4 5.6-7.6 9.5-1.2 4-.8 8.4 1.1 12.1.4.9 1 1.7 1.6 2.7 1 1.7 2.2 3.5 3 5.7 1.4 4 1.2 8.7-.6 13.2-1.4 3.4-3.5 6.6-6.8 10.1-1.5 1.6-3.9 1.7-5.5.2-1.6-1.4-1.7-3.9-.2-5.4 2.6-2.8 4.3-5.3 5.3-7.7 1.1-2.8 1.3-5.6.5-7.9-.5-1.3-1.3-2.7-2.2-4.1-.6-1-1.3-2.1-1.9-3.2-2.8-5.4-3.4-11.9-1.7-17.8 1.8-5.9 5.8-11 11.2-14 .4-.4.9-.6 1.4-.6zM261.3 590.9c5.7 6.8 9 15.7 9.4 22.4.5 7.3-2.4 16.4-10.2 20.4-3 1.5-6.7 2.2-11.2 2.2-7.9-.1-12.9-2.9-15.4-8.4-2.1-4.7-2.3-11.4 1.8-15.9 3.2-3.5 7.8-4.1 11.2-1.6 1.2.9 1.5 2.7.6 3.9-.9 1.2-2.7 1.5-3.9.6-1.8-1.3-3.6.6-3.8.8-2.4 2.6-2.1 7-.8 9.9 1.5 3.4 4.7 5 10.4 5.1 3.6 0 6.4-.5 8.6-1.6 4.7-2.4 7.7-8.6 7.2-15-.5-7.3-5.3-18.2-13-23.9-4.2-3.1-8.5-4.1-12.9-3.1-3.1.7-6.2 2.4-9.7 5-6.6 5.1-11.7 11.8-14.2 19-2.7 7.7-2.1 15.8 1.9 23.9.7 1.4.1 3.1-1.3 3.7-1.4.7-3.1.1-3.7-1.3-4.6-9.4-5.4-19.2-2.2-28.2 2.9-8.2 8.6-15.9 16.1-21.6 4.1-3.1 8-5.1 11.8-6 6-1.4 12 0 17.5 4 2.1 1.7 4.1 3.6 5.8 5.7z'/%3E%3Ccircle cx='1013.7' cy='153.9' r='7.1'/%3E%3Ccircle cx='1024.3' cy='132.1' r='7.1'/%3E%3Ccircle cx='1037.3' cy='148.9' r='7.1'/%3E%3Cpath d='M1508.7 297.2c-4.8-5.4-9.7-10.8-14.8-16.2 5.6-5.6 11.1-11.5 15.6-18.2 1.2-1.7.7-4.1-1-5.2-1.7-1.2-4.1-.7-5.2 1-4.2 6.2-9.1 11.6-14.5 16.9-4.8-5-9.7-10-14.7-14.9-1.5-1.5-3.9-1.5-5.3 0-1.5 1.5-1.5 3.9 0 5.3 4.9 4.8 9.7 9.8 14.5 14.8-1.1 1.1-2.3 2.2-3.5 3.2-4.1 3.8-8.4 7.8-12.4 12-1.4 1.5-1.4 3.8 0 5.3 1.5 1.4 3.9 1.4 5.3-.1 3.9-4 8.1-7.9 12.1-11.7 1.2-1.1 2.3-2.2 3.5-3.3 4.9 5.3 9.8 10.6 14.6 15.9l.2.2c1.4 1.4 3.7 1.5 5.2.2 1.7-1.2 1.8-3.6.4-5.2zM327.6 248.6l-.4-2.6c-1.5-11.1-2.2-23.2-2.3-37 0-5.5 0-11.5.2-18.5v-2.3c0-5 0-11.2 3.9-13.5 2.2-1.3 5.1-1 8.5.9 5.7 3.1 13.2 8.7 17.5 14.9 5.5 7.8 7.3 16.9 5 25.7-3.2 12.3-15 31-30 32.1l-2.4.3zm4.5-69.4c-.2 0-.3 0-.4.1-.1.1-.7.5-1.1 2.7-.3 1.9-.3 4.2-.3 6.3v2.4c-.2 6.9-.2 12.8-.2 18.3.1 12.5.7 23.5 2 33.7 11-2.7 20.4-18.1 23-27.8 1.9-7.2.4-14.8-4.2-21.3-3.9-5.5-10.9-10.6-15.9-13.3-1.4-.8-2.4-1.1-2.9-1.1zM516.3 60.8c-.1 0-.2 0-.4-.1-2.4-.7-4-.9-6.7-.7-.7 0-1.3-.5-1.4-1.2 0-.7.5-1.3 1.2-1.4 3.1-.2 4.9 0 7.6.8.7.2 1.1.9.9 1.6-.2.6-.7 1-1.2 1zm-10.2 9.7c-.5 0-1-.3-1.2-.8-.8-2.1-1.2-4.3-1.3-6.6 0-.7.5-1.3 1.2-1.3s1.3.5 1.3 1.2c.1 2 .5 3.9 1.1 5.8.2.7-.1 1.4-.8 1.6 0 .1-.2.1-.3.1zm-12-6.1c-.4 0-.8-.2-1-.5-.4-.6-.3-1.4.2-1.8 1.8-1.4 3.7-2.6 5.8-3.6.6-.3 1.4 0 1.7.6.3.6 0 1.4-.6 1.7-1.9.9-3.7 2-5.3 3.3-.2.2-.5.3-.8.3zm6.4-9.1c-.5 0-.9-.3-1.2-.7-.5-1-1.2-1.9-2.4-3.4-.3-.4-.7-.9-1.1-1.4-.4-.6-.3-1.4.2-1.8.6-.4 1.4-.3 1.8.2.4.5.8 1 1.1 1.4 1.3 1.6 2.1 2.6 2.7 3.9.3.6 0 1.4-.6 1.7-.1.1-.3.1-.5.1zm6.2-.3c-.3 0-.5-.1-.8-.2-.6-.4-.7-1.2-.3-1.8 1.2-1.7 2.3-3.4 3.3-5.2.3-.6 1.1-.9 1.7-.5.6.3.9 1.1.5 1.7-1 1.9-2.2 3.8-3.5 5.6-.2.2-.5.4-.9.4zm522.6 327.8c-.1 0-.2 0-.4-.1-2.4-.7-4-.9-6.7-.7-.7 0-1.3-.5-1.4-1.2 0-.7.5-1.3 1.2-1.4 3.1-.2 4.9 0 7.6.8.7.2 1.1.9.9 1.6-.2.6-.7 1-1.2 1zm-10.2 9.7c-.5 0-1-.3-1.2-.8-.8-2.1-1.2-4.3-1.3-6.6 0-.7.5-1.3 1.2-1.3s1.3.5 1.3 1.2c.1 2 .5 3.9 1.1 5.8.2.7-.1 1.4-.8 1.6 0 .1-.2.1-.3.1zm-12-6.1c-.4 0-.8-.2-1-.5-.4-.6-.3-1.4.2-1.8 1.8-1.4 3.7-2.6 5.8-3.6.6-.3 1.4 0 1.7.6.3.6 0 1.4-.6 1.7-1.9.9-3.7 2-5.3 3.3-.2.2-.5.3-.8.3zm6.4-9.1c-.5 0-.9-.3-1.2-.7-.5-1-1.2-1.9-2.4-3.4-.3-.4-.7-.9-1.1-1.4-.4-.6-.3-1.4.2-1.8.6-.4 1.4-.3 1.8.2.4.5.8 1 1.1 1.4 1.3 1.6 2.1 2.6 2.7 3.9.3.6 0 1.4-.6 1.7-.1.1-.3.1-.5.1zm6.2-.3c-.3 0-.5-.1-.8-.2-.6-.4-.7-1.2-.3-1.8 1.2-1.7 2.3-3.4 3.3-5.2.3-.6 1.1-.9 1.7-.5.6.3.9 1.1.5 1.7-1 1.9-2.2 3.8-3.5 5.6-.2.2-.5.4-.9.4zm310 196.4c-1.4 0-2.9-.2-4.5-.7-8.4-2.7-16.6-12.7-18.7-20-.4-1.4-.7-2.9-.9-4.4-8.1 3.3-15.5 10.6-15.4 21 0 1.5-1.2 2.7-2.7 2.8-1.5 0-2.7-1.2-2.7-2.7-.1-6.7 2.4-12.9 7-18 3.6-4 8.4-7.1 13.7-8.8.5-6.5 3.1-12.9 7.4-17.4 7-7.4 18.2-8.9 27.3-10.1l.7-.1c1.5-.2 2.9.9 3.1 2.3.2 1.5-.9 2.9-2.3 3.1l-.7.1c-8.6 1.2-18.4 2.5-24 8.4-3 3.2-5 7.7-5.7 12.4 7.9-1 17.7 1.3 24.3 5.7 4.3 2.9 7.1 7.8 7.2 12.7.2 4.3-1.7 8.3-5.2 11.1-2.4 1.6-5 2.6-7.9 2.6zm-18.7-26.7c.1 1.5.4 3 .8 4.4 1.7 5.8 8.7 14.2 15.1 16.3 2.8.9 5.1.5 7.2-1.1 2.7-2.1 3.2-4.8 3.1-6.6-.1-3.2-2-6.4-4.8-8.3-5.7-3.9-14.7-5.8-21.4-4.7z'/%3E%3C/g%3E%3C/svg%3E");
 }

 .c-section span:after {
   content: "Lorem ipsum, dolor sit amet consectetur adipisicing elit. Beatae accusamus eaque necessitatibus modi facilis aspernatur ut natus saepe!";
   display: block;
   font-size: 1.4rem;
   position: absolute;
   letter-spacing: 0;
   font-weight: 350;
   padding: 0 var(--s3);
   color: var(--black);;
   left: 9px;
 }

 @media (min-width: 40.625em) {
   .c-section span:after {
     font-size: 23%;
   }
 }

 @media (min-width: 40.625em) {
   .c-section span:after {
     width: 47ch;
   }
 }

 @media (min-width: 48em) {
   .c-section span:after {
     width: 57ch;
   }
 }

 @media (min-width: 62em) {
   .c-section span:after {
     width: 67ch;
   }
 }

 .c-services {
   display: grid;
   grid-gap: var(--s2);
   margin: 0 calc(var(--s3) * -1);
   padding: var(--s6) var(--s3);
   position: relative;
   z-index: 1;
 }

 @media (min-width: 40.625em) {
   .c-services {
     grid-template-columns: repeat(7, 1fr);
     grid-template-rows: minmax(100px, 1fr);
   }
 }

 @media (min-width: 40.625em) {
   .c-services {
     padding: 0 var(--s3);
   }
 }

 .c-services:before {
   content: '';
   display: block;
   position: absolute;
   top: 0;
   left: 0;

   width: 100%;
   height: 100%;
   -webkit-transform: skew(0deg, 10deg);
   transform: skew(0deg, 10deg);
  background: var(--black);
}

 .c-services__item {
   background: var(--white);
   padding: calc(var(--s2) - 0.6rem) var(--s1);
   border-radius: 25px;
   box-shadow: 0 7px 20px rgba(100, 28, 2, 0.135);
   -webkit-transition: all 300ms ease, -webkit-transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
   transition: all 300ms ease, -webkit-transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
   transition: all 300ms ease, transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
   transition: all 300ms ease, transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
   position: relative;
   z-index: 1;
 }

 @media (min-width: 40.625em) {
   .c-services__item {
     -webkit-transform: translateY(-85px);
     transform: translateY(-85px);
   }
 }

 @media (min-width: 48em) {
   .c-services__item {
     -webkit-transform: translateY(-130px);
     transform: translateY(-130px);
   }
 }

 @media (min-width: 40.625em) {
   .c-services__item:nth-of-type(1) {
     grid-column: 1 / -1;
     grid-row: 4;
   }
 }

 @media (min-width: 62em) {
   .c-services__item:nth-of-type(1) {
     grid-column: 5 / -1;
     grid-row: 3;
   }
 }

 @media (min-width: 40.625em) {
   .c-services__item:nth-of-type(2) {
     grid-column: 1 / span 3;
     grid-row: 2;
   }
 }

 @media (min-width: 62em) {
   .c-services__item:nth-of-type(2) {
     grid-column: 3 / span 2;
     grid-row: auto;
   }
 }

 @media (min-width: 40.625em) {
   .c-services__item:nth-of-type(3) {
     grid-column: 4 / -1;
   }
 }

 @media (min-width: 62em) {
   .c-services__item:nth-of-type(3) {
     grid-column: 4 / -1;
     grid-row: 2;
   }
 }

 @media (min-width: 40.625em) {
   .c-services__item:nth-of-type(4) {
     grid-column: 1 / span 4;
   }
 }

 @media (min-width: 62em) {
   .c-services__item:nth-of-type(4) {
     grid-column: 1 / span 3;
   }
 }

 @media (min-width: 40.625em) {
   .c-services__item:nth-of-type(5) {
     grid-column: 5 / -1;
   }
 }

 @media (min-width: 62em) {
   .c-services__item:nth-of-type(5) {
     grid-column: 1 / span 4;
   }
 }

 @media (min-width: 40.625em) {
   .c-services__item:nth-of-type(6) {
     grid-column: 1 / span 4;
     grid-row: 1;
   }
 }

 @media (min-width: 62em) {
   .c-services__item:nth-of-type(6) {
     grid-column: 1 / span 2;
     grid-row: 1;
   }
 }

 .c-services__item h3 {
   color: var(--color-brand-primary);
   font-size: var(--s1);
   letter-spacing: -.04em;
   line-height: 1.2;
 }

 .c-services__item:after {
   content: '';
   display: block;
   position: absolute;
   bottom: 0;
   right: 0;
   width: 50px;
   height: 50px;
   border-radius: 25px 0;
   cursor: pointer;
   -webkit-transition: inherit;
   transition: inherit;
   background-color: var(--color-brand-accent);
   background-size: 20px 20px;
   background-repeat: no-repeat;
   background-position: center;
   background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjZmZmZmZmIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0iTGF5ZXIgMSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHg9IjBweCIgeT0iMHB4Ij48dGl0bGU+NTI8L3RpdGxlPjxwYXRoIGQ9Ik04MS4zMDMyOSwzOC41MjkzOUExNC4wMTgsMTQuMDE4LDAsMSwwLDYxLjQ3NywxOC43MDY3MUw0Ny4wMDMxNSwzMy4xNzkxNGExNC4wMzAzNywxNC4wMzAzNywwLDAsMCwwLDE5LjgyMTcxLDQuODAxMTMsNC44MDExMywwLDAsMS02Ljc4OTc5LDYuNzg5ODcsMjMuNjQzMjcsMjMuNjQzMjcsMCwwLDEsMC0zMy40MDE0NUw1NC42ODcyMSwxMS45MTY4NEEyMy42MjAzLDIzLjYyMDMsMCwwLDEsODguMDkzMDgsNDUuMzE5MjdMODAuOTIzOCw1Mi40ODcxMWE0LjgwMTE0LDQuODAxMTQsMCwwLDEtNi43ODk4LTYuNzg5ODdaTTExLjkwNzQxLDg4LjA5MzlhMjMuNjUwNTMsMjMuNjUwNTMsMCwwLDAsMzMuNDA1ODYtLjAwMUw1OS43ODY2NCw3My42MjE0N2EyMy42MTU4MywyMy42MTU4MywwLDAsMCwwLTMzLjQwMTQ1LDQuODAxMTQsNC44MDExNCwwLDAsMC02Ljc4OTc5LDYuNzg5ODgsMTQuMDE1MzEsMTQuMDE1MzEsMCwwLDEsMCwxOS44MjI2OEwzOC41MjM0OCw4MS4zMDRBMTQuMDE4LDE0LjAxOCwwLDEsMSwxOC42OTcyLDYxLjQ4MTM1TDI1Ljg2Niw1NC4zMTM1YTQuODAxMTQsNC44MDExNCwwLDAsMC02Ljc4OTgtNi43ODk4N2wtNy4xNjg3OSw3LjE2Nzg1QTIzLjY0NDg5LDIzLjY0NDg5LDAsMCwwLDExLjkwNzQxLDg4LjA5MzlaIj48L3BhdGg+PC9zdmc+");
 }

 .c-services__item p {
   margin-top: var(--s-1);
   font-weight: 400;
   color: hsla(var(--color-brand-primary-h), var(--color-brand-primary-s), var(--color-brand-primary-l), 0.65);
 }

 .c-services__item:hover {
   background-color: var(--color-brand-accent);
 }

 @media (min-width: 40.625em) {
   .c-services__item:hover {
     -webkit-transform: translateY(-93px);
     transform: translateY(-93px);
   }
 }

 @media (min-width: 48em) {
   .c-services__item:hover {
     -webkit-transform: translateY(-138px);
     transform: translateY(-138px);
   }
 }

 .c-services__item:hover h3 {
   color: var(--white);
 }

 .c-services__item:hover p {
   color: var(--black);
 }

 .c-services__item:hover:after {
   background-color: var(--white);
   background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjZmI2ZjNjIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0iTGF5ZXIgMSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHg9IjBweCIgeT0iMHB4Ij48dGl0bGU+NTI8L3RpdGxlPjxwYXRoIGQ9Ik04MS4zMDMyOSwzOC41MjkzOUExNC4wMTgsMTQuMDE4LDAsMSwwLDYxLjQ3NywxOC43MDY3MUw0Ny4wMDMxNSwzMy4xNzkxNGExNC4wMzAzNywxNC4wMzAzNywwLDAsMCwwLDE5LjgyMTcxLDQuODAxMTMsNC44MDExMywwLDAsMS02Ljc4OTc5LDYuNzg5ODcsMjMuNjQzMjcsMjMuNjQzMjcsMCwwLDEsMC0zMy40MDE0NUw1NC42ODcyMSwxMS45MTY4NEEyMy42MjAzLDIzLjYyMDMsMCwwLDEsODguMDkzMDgsNDUuMzE5MjdMODAuOTIzOCw1Mi40ODcxMWE0LjgwMTE0LDQuODAxMTQsMCwwLDEtNi43ODk4LTYuNzg5ODdaTTExLjkwNzQxLDg4LjA5MzlhMjMuNjUwNTMsMjMuNjUwNTMsMCwwLDAsMzMuNDA1ODYtLjAwMUw1OS43ODY2NCw3My42MjE0N2EyMy42MTU4MywyMy42MTU4MywwLDAsMCwwLTMzLjQwMTQ1LDQuODAxMTQsNC44MDExNCwwLDAsMC02Ljc4OTc5LDYuNzg5ODgsMTQuMDE1MzEsMTQuMDE1MzEsMCwwLDEsMCwxOS44MjI2OEwzOC41MjM0OCw4MS4zMDRBMTQuMDE4LDE0LjAxOCwwLDEsMSwxOC42OTcyLDYxLjQ4MTM1TDI1Ljg2Niw1NC4zMTM1YTQuODAxMTQsNC44MDExNCwwLDAsMC02Ljc4OTgtNi43ODk4N2wtNy4xNjg3OSw3LjE2Nzg1QTIzLjY0NDg5LDIzLjY0NDg5LDAsMCwwLDExLjkwNzQxLDg4LjA5MzlaIj48L3BhdGg+PC9zdmc+");
 }

 /* Our Team */


.team h2 {
   margin: 0 0 20px 0;
    text-transform: none;
      color: var(--black);
      font-weight: 600;
      text-align: left;
      font-size: 3em;
      letter-spacing: 1px;
      line-height: 0.9;
 }

.team h4 {
   margin: 0 0 20px 0;
   text-transform: none;
   color: var(--black);
   font-weight: 600;
   text-align: left;
   font-size: 2em;
   letter-spacing: 1px;
   line-height: 0.9;
 }

 .team p {
  margin: 5px 0 20px 0;
  text-transform: none;
  color: var(--black);
  font-weight: 600;
  text-align: left;
  font-size: 1em;
  letter-spacing: 6px;
  line-height: 0.9;
 }

 .team a:link,
 .team a:active,
 .team a:visited {
   color: rgba(255, 255, 255, 1);
 }

 .team a:hover {
   color: rgba(255, 255, 255, 0.6);
 }

 .gray {
   color: #a5a5a5;
 }

 .team {
      padding: 40px;
        background: white;
 }

 .team-member {
   margin: 15px 0;
   padding: 0;
 }

 .team-member figure {
   position: relative;
   overflow: hidden;
   padding: 0;
   margin: 0;
 }

 .team-member figure img {
   min-width: 100%;
 }

 .team-member figcaption p {
  margin: 10px 0 25px 0;
  text-transform: none;
  color: var(--black);
  font-weight: 600;
  text-align: left;
  font-size: 1em;
  letter-spacing: 1px;
  line-height: 1;
 }

 .team-member figcaption ul {
   list-style: none;
   margin: 0;
   padding: 0;
 }

 .team-member figcaption ul {
   visibility: visible;
   -webkit-transition: all 0.1s ease-in-out;
   -moz-transition: all 0.1s ease-in-out;
   -o-transition: all 0.1s ease-in-out;
   transition: all 0.1s ease-in-out;
 }

 .team-member figcaption ul li {
   display: inline-block;
   padding: 10px;
 }

 .team-member h4 {
   margin: 10px 0 0;
   padding: 0;
 }

 .team-member figcaption {
   padding: 50px;
   color: transparent;
   background-color: transparent;
   position: absolute;
   z-index: 996;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 0;
   overflow: hidden;
   visibility: hidden;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
 }

 .team-member figure:hover figcaption {
   visibility: visible;
   color: #fff;
   background: #fb6f3c99;
   /* Primary color, can be changed via colors.css */

   height: 100%;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
 }

 .team-member figure:hover figcaption ul li a:hover {
   color: rgba(49, 49, 49, .97);
 }

 .team-member figure img {
   -webkit-transform: scale(1) rotate(0) translateY(0);
   -moz-transform: scale(1) rotate(0) translateY(0);
   -o-transform: scale(1) rotate(0) translateY(0);
   -ms-transform: scale(1) rotate(0) translateY(0);
   transform: scale(1) rotate(0) translateY(0);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
 }

 .team-member figure:hover img {
   -webkit-transform: scale(1.1) rotate(1deg) translateY(12px);
   -moz-transform: scale(1.1) rotate(1deg) translateY(12px);
   -o-transform: scale(1.1) rotate(1deg) translateY(12px);
   -ms-transform: scale(1.1) rotate(1deg) translateY(12px);
   transform: scale(1.1) rotate(1deg) translateY(12px);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
 }

 #clientlogos img{
      width: 100%;
        padding: 15px;
 }

 /* Video thing */

 .video-background-holder {
   position: relative;
   background-color: black;
   height: calc(63vh - 72px);
   min-height: 25rem;
   width: 100%;
   overflow: hidden;
 }

 .video-background-holder video {
   position: absolute;
   top: 50%;
   left: 50%;
   min-width: 100%;
   min-height: 100%;
   width: auto;
   height: auto;
   z-index: 0;
   -ms-transform: translateX(-50%) translateY(-50%);
   -moz-transform: translateX(-50%) translateY(-50%);
   -webkit-transform: translateX(-50%) translateY(-50%);
   transform: translateX(-50%) translateY(-50%);
 }

 .video-background-content {
   position: relative;
   z-index: 2;
 }

 .video-background-overlay {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   background-image: -webkit-linear-gradient(150deg, black 69.4%, var(--white) 50%);
   opacity: 0.5;
   z-index: 1;
 }

 .video-background-content h1{
  color: var(--white);
 }

 /* Footer */


 .new_footer_area {
   background: #fbfbfd;
 }


 .new_footer_top {
   padding: 120px 0px 270px;
   position: relative;
   overflow-x: hidden;
 }

 .new_footer_area .footer_bottom {
   padding-top: 5px;
   padding-bottom: 50px;
 }

 .footer_bottom {
   font-size: 14px;
   font-weight: 300;
   line-height: 20px;
   color: #7f88a6;
   padding: 27px 0px;
 }

 .new_footer_top .company_widget p {
   font-size: 16px;
   font-weight: 300;
   line-height: 28px;
   color: #6a7695;
   margin-bottom: 20px;
 }

 .new_footer_top .company_widget .f_subscribe_two .btn_get {
   border-width: 1px;
   margin-top: 20px;
 }

 .btn_get_two:hover {
   background: transparent;
   color: #5e2ced;
 }

 .btn_get:hover {
   color: #fff;
   background: #6754e2;
   border-color: #6754e2;
   -webkit-box-shadow: none;
   box-shadow: none;
 }

 .new_footer_top .f_widget.about-widget .f_list li a:hover {
   color: rgb(209 92 50 / 100%);;
 }

 .new_footer_top .f_widget.about-widget .f_list li {
   margin-bottom: 11px;
 }

 .f_widget.about-widget .f_list li:last-child {
   margin-bottom: 0px;
 }

 .f_widget.about-widget .f_list li {
   margin-bottom: 15px;
 }

 .f_widget.about-widget .f_list {
   margin-bottom: 0px;
 }

 .new_footer_top .f_social_icon a {
   width: 44px;
   height: 44px;
   line-height: 43px;
   background: transparent;
   border: 1px solid #e2e2eb;
   font-size: 24px;
 }

 .f_social_icon a {
   width: 46px;
   height: 46px;
   border-radius: 50%;
   font-size: 14px;
   line-height: 45px;
   color: #858da8;
   display: inline-block;
   background: #ebeef5;
   text-align: center;
   -webkit-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   transition: all 0.2s linear;
 }

 .ti-facebook:before {
   content: "\e741";
 }

 .ti-twitter-alt:before {
   content: "\e74b";
 }

 .ti-vimeo-alt:before {
   content: "\e74a";
 }

 .ti-pinterest:before {
   content: "\e731";
 }

 .btn_get_two {
   -webkit-box-shadow: none;
   box-shadow: none;
   background: rgb(209 92 50 / 100%);
   border-color: rgb(209 92 50 / 100%);
   color: #fff;
 }

 .btn_get_two:hover {
   background: transparent;
   color: rgb(209 92 50 / 100%);
 }

 .new_footer_top .f_social_icon a:hover {
   background: rgb(209 92 50 / 100%);
   border-color: rgb(209 92 50 / 100%);
   color: white;
 }

 .new_footer_top .f_social_icon a+a {
   margin-left: 4px;
 }

 .new_footer_top .f-title {
   margin-bottom: 30px;
   color: #263b5e;
 }

 .f_600 {
   font-weight: 600;
 }

 .f_size_18 {
   font-size: 18px;
 }

 .new_footer_top .f_widget.about-widget .f_list li a {
   color: #6a7695;
 }


 .new_footer_top .footer_bg {
   position: absolute;
   bottom: 0;
   background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigB8iI5tb8WSVBuVUGc9UjjB8O0708X7Fdic_4O1LT4CmLHoiwhanLXiRhe82yw0R7LgACQ2IhZaTY0hhmGi0gYp_Ynb49CVzfmXtYHUVKgXXpWvJ_oYT8cB4vzsnJLe3iCwuzj-w6PeYq_JaHmy_CoGoa6nw0FBo-2xLdOPvsLTh_fmYH2xhkaZ-OGQ/s16000/footer_bg.png") no-repeat scroll center 0;
   width: 100%;
   height: 266px;
 }

 .new_footer_top .footer_bg .footer_bg_one {
   background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia0PYPxwT5ifToyP3SNZeQWfJEWrUENYA5IXM6sN5vLwAKvaJS1pQVu8mOFFUa_ET4JuHNTFAxKURFerJYHDUWXLXl1vDofYXuij45JZelYOjEFoCOn7E6Vxu0fwV7ACPzArcno1rYuVxGB7JY6G7__e4_KZW4lTYIaHSLVaVLzklZBLZnQw047oq5-Q/s16000/volks.gif") no-repeat center center;
   width: 330px;
   height: 105px;
   background-size: 100%;
   position: absolute;
   bottom: 0;
   left: 30%;
   -webkit-animation: myfirst 22s linear infinite;
   animation: myfirst 22s linear infinite;
 }

 .new_footer_top .footer_bg .footer_bg_two {
   background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyLGwEUVwPK6Vi8xXMymsc-ZXVwLWyXhogZxbcXQYSY55REw_0D4VTQnsVzCrL7nsyjd0P7RVOI5NKJbQ75koZIalD8mqbMquP20fL3DxsWngKkOLOzoOf9sMuxlbyfkIBTsDw5WFUj-YJiI50yzgVjF8cZPHhEjkOP_PRTQXDHEq8AyWpBiJdN9SfQA/s16000/cyclist.gif") no-repeat center center;
   width: 88px;
   height: 100px;
   background-size: 100%;
   bottom: 0;
   left: 38%;
   position: absolute;
   -webkit-animation: myfirst 30s linear infinite;
   animation: myfirst 30s linear infinite;
 }



 @-moz-keyframes myfirst {
   0% {
     left: -25%;
   }

   100% {
     left: 100%;
   }
 }

 @-webkit-keyframes myfirst {
   0% {
     left: -25%;
   }

   100% {
     left: 100%;
   }
 }

 @keyframes myfirst {
   0% {
     left: -25%;
   }

   100% {
     left: 100%;
   }
 }

 /*************footer End*****************/

 /* FAQ */

 .faq-section {
   background: #fdfdfd;
   min-height: 100vh;
   padding: 10vh 0 0;
 }

 .faq-title h2 {
   position: relative;
   margin-bottom: 45px;
   display: inline-block;
   font-weight: 600;
   line-height: 1;
 }

 .faq-title h2::before {
   content: "";
   position: absolute;
   left: 50%;
   width: 60px;
   height: 2px;
   background: #d15c32;
   bottom: -25px;
   margin-left: -30px;
 }

 .faq-title p {
   padding: 0 190px;
   margin-bottom: 10px;
 }

 .faq {
   background: #FFFFFF;
   box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
   border-radius: 4px;
 }

 .faq .card {
   border: none;
   background: none;
   border-bottom: 1px dashed #CEE1F8;
 }

 .faq .card .card-header {
   padding: 0px;
   border: none;
   background: none;
   -webkit-transition: all 0.3s ease 0s;
   -moz-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
 }

 .faq .card .card-header:hover {
   background: rgb(209 92 50 / 20%);
   padding-left: 10px;
 }

 .faq .card .card-header .faq-title {
   width: 100%;
   text-align: left;
   padding: 0px;
   padding-left: 30px;
   padding-right: 30px;
   font-weight: 400;
   font-size: 15px;
   letter-spacing: 1px;
   color: #3B566E;
   text-decoration: none !important;
   -webkit-transition: all 0.3s ease 0s;
   -moz-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
   cursor: pointer;
   padding-top: 20px;
   padding-bottom: 20px;
 }

 .faq .card .card-header .faq-title .badge {
   display: inline-block;
   width: 20px;
   height: 20px;
   line-height: 14px;
   float: left;
   -webkit-border-radius: 100px;
   -moz-border-radius: 100px;
   border-radius: 100px;
   text-align: center;
   background: #d15c32;
   color: #fff;
   font-size: 12px;
   margin-right: 20px;
 }

 .faq .card .card-body {
   padding: 30px;
   padding-left: 35px;
   padding-bottom: 16px;
   font-weight: 400;
   font-size: 16px;
   color: #6F8BA4;
   line-height: 28px;
   letter-spacing: 1px;
   border-top: 1px solid #F3F8FF;
 }

 .faq .card .card-body p {
   margin-bottom: 14px;
 }

 @media (max-width: 991px) {
   .faq {
     margin-bottom: 30px;
   }

   .faq .card .card-header .faq-title {
     line-height: 26px;
     margin-top: 10px;
   }
 }

 /* Contact Us */
.map_sec{
  background: white;
}

.map_sec iframe{
  border-radius: 10%;
}
   h1,
        h2,
        h3,
        h4,
        h5,
        h6 {}
        a,
        a:hover,
        a:focus,
        a:active {
            text-decoration: none;
            outline: none;
        }
        
        a,
        a:active,
        a:focus {
            color: #333;
            text-decoration: none;
            transition-timing-function: ease-in-out;
            -ms-transition-timing-function: ease-in-out;
            -moz-transition-timing-function: ease-in-out;
            -webkit-transition-timing-function: ease-in-out;
            -o-transition-timing-function: ease-in-out;
            transition-duration: .2s;
            -ms-transition-duration: .2s;
            -moz-transition-duration: .2s;
            -webkit-transition-duration: .2s;
            -o-transition-duration: .2s;
        }
        
        ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }
        img {
    max-width: 100%;
    height: auto;
}


.sec-title-style1 {
    position: relative;
    display: block;
    margin-top: -9px;
    padding-bottom: 50px;
}
.sec-title-style1.max-width{
    position: relative;
    display: block;
    max-width: 770px;
    margin: -9px auto 0;
    padding-bottom: 52px;    
}
.sec-title-style1.pabottom50 {
    padding-bottom: 42px;
}
.sec-title-style1 .title {
    position: relative;
    display: block;
    color: #131313;
    font-size: 36px;
    line-height: 46px;
    font-weight: 700;
    text-transform: uppercase;
}
.sec-title-style1 .title.clr-white{
    color: #ffffff;
}
.sec-title-style1 .decor {
    position: relative;
    display: block;
    width: 70px;
    height: 5px;
    margin: 19px 0 0;
}
.sec-title-style1 .decor:before{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 5px;
    height: 5px;
    background: rgb(209 92 50 / 100%);
    border-radius: 50%;
    content: "";
}
.sec-title-style1 .decor:after{
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    width: 5px;
    height: 5px;
    background: rgb(209 92 50 / 100%);
    border-radius: 50%;
    content: "";
}
.sec-title-style1 .decor span {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 1px;
    background: rgb(209 92 50 / 100%);
    margin: 2px 0;
}


.sec-title-style1 .text{
    position: relative;
    display: block;
    margin: 7px 0 0;
}
.sec-title-style1 .text p{
    position: relative;
    display: inline-block;
    padding: 0 15px;
    color: #131313;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}
.sec-title-style1 .text.clr-yellow p{
    color: rgb(209 92 50 / 100%);
}
.sec-title-style1 .text .decor-left{
    position: relative;
    top: -2px;
    display: inline-block;
    width: 70px;
    height: 5px;
    background: transparent;
}
.sec-title-style1 .text .decor-left span {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 1px;
    background: rgb(209 92 50 / 100%);
    content: "";
    margin: 2px 0;
}
.sec-title-style1 .text .decor-left:before{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 5px;
    height: 5px;
    background: rgb(209 92 50 / 100%);
    border-radius: 50%;
    content: "";
}
.sec-title-style1 .text .decor-left:after{
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    width: 5px;
    height: 5px;
    background: rgb(209 92 50 / 100%);
    border-radius: 50%;
    content: "";
}

.sec-title-style1 .text .decor-right{
    position: relative;
    top: -2px;
    display: inline-block;
    width: 70px;
    height: 5px;
    background: transparent;
}
.sec-title-style1 .text .decor-right span {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50px;
    height: 1px;
    background: rgb(209 92 50 / 100%);
    content: "";
    margin: 2px 0;
}
.sec-title-style1 .text .decor-right:before{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 5px;
    height: 5px;
    background: rgb(209 92 50 / 100%);
    border-radius: 50%;
    content: "";
}
.sec-title-style1 .text .decor-right:after{
    position: absolute;
    top: 0;
    left: 10px;
    bottom: 0;
    width: 5px;
    height: 5px;
    background: rgb(209 92 50 / 100%);
    border-radius: 50%;
    content: "";
}

.sec-title-style1 .bottom-text{
    position: relative;
    display: block;
    padding-top: 16px;
}
.sec-title-style1 .bottom-text p{
    color: #848484;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    margin: 0;
}
.sec-title-style1 .bottom-text.clr-gray p{
    color: #cdcdcd;    
}
.contact-address-area{
    position: relative;
    display: block;
    background: #ffffff;
    padding: 100px 0 120px;
}
.contact-address-area .sec-title-style1.max-width {
    padding-bottom: 72px;
}
.contact-address-box{
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;    
}
.single-contact-address-box {
    position: relative;
    display: block;
    background: #131313;
    padding: 85px 30px 77px;
}
.single-contact-address-box .icon-holder{
    position: relative;
    display: block;
    padding-bottom: 24px;
}
.single-contact-address-box .icon-holder span:before{
    font-size: 75px;
}
.single-contact-address-box h3{
    color: #ffffff;
    margin: 0px 0 9px;
}
.single-contact-address-box h2{
    color: rgb(209 92 50 / 100%);
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 19px;
}
.single-contact-address-box a{
    color: #ffffff;
}

.single-contact-address-box.main-branch {
    background: #000;
    padding: 53px 30px 51px;
    margin-top: -20px;
    margin-bottom: -20px;
}
.single-contact-address-box.main-branch h3{
    color: white;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 38px;
    text-transform: uppercase;
    text-align: center;
}
.single-contact-address-box.main-branch .inner{
    position: relative;
    display: block;
    
}
.single-contact-address-box.main-branch .inner ul{
    position: relative;
    display: block;
    overflow: hidden;
}
.single-contact-address-box.main-branch .inner ul li{
    position: relative;
    display: block;
    padding-left: 110px;
    border-bottom: 1px solid #737373;
    padding-bottom: 23px;
    margin-bottom: 24px;
}
.single-contact-address-box.main-branch .inner ul li:last-child{
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.single-contact-address-box.main-branch .inner ul li .title{
    position: absolute;
    top: 2px;
    left: 0;
    display: inline-block;
}
.single-contact-address-box.main-branch .inner ul li .title h4{
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    text-transform: capitalize;
    border-bottom: 2px solid rgb(209 92 50 / 100%);
}

.single-contact-address-box.main-branch .inner ul li .text{
    position: relative;
    display: block;
}
.single-contact-address-box.main-branch .inner ul li .text p{
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    margin: 0;
}

.contact-info-area {
    position: relative;
    display: block;
    background: #ffffff;
}
.contact-form {
    position: relative;
    display: block;
    background: #ffffff;
    padding: 100px 60px 80px;
    -webkit-box-shadow: 0px 3px 8px 2px #ededed; 
    box-shadow: 0px 3px 8px 2px #ededed;
    z-index: 3;
}
.contact-form .sec-title-style1{
    position: relative;
    display: block;
    padding-bottom: 51px;
    width: 50%;
}
.contact-form .text-box{
    position: relative;
    display: block;
    margin-top: 19px;
    width: 50%;    
}
.contact-form .text p{
    color: #848484;
    line-height: 26px;
    margin: 0;
}

.contact-form .inner-box{
    position: relative;
    display: block;
    background: #ffffff;
}
.contact-form form{
    position: relative;
    display: block;
}
.contact-form form .input-box{
    position: relative;
    display: block;
}

.contact-form form input[type="text"],
.contact-form form input[type="email"],
.contact-form form textarea{
    position: relative;
    display: block;   
    background: #ffffff;
    border: 1px solid #eeeeee;
    width: 100%;
    height: 55px;
    font-size: 16px;
    padding-left: 19px;
    padding-right: 15px;
    border-radius: 0px;
    margin-bottom: 20px;
    transition: all 500ms ease;
}
.contact-form form textarea {
    height: 130px;
    padding-left: 19px;
    padding-right: 15px;
    padding-top: 14px;
    padding-bottom: 15px;
}
.contact-form form input[type="text"]:focus{
    color: #222222;
    border-color: #d4d4d4; 
}
.contact-form form input[type="email"]:focus{
    color: #222222;
    border-color: #d4d4d4;
}
.contact-form form textarea:focus{
    color: #222222;
    border-color: #d4d4d4;
}
.contact-form form input[type="text"]::-webkit-input-placeholder {
    color: #848484;
}
.contact-form form input[type="text"]:-moz-placeholder {
    color: #848484;
}
.contact-form form input[type="text"]::-moz-placeholder {
    color: #848484;
}
.contact-form form input[type="text"]:-ms-input-placeholder {
    color: #848484;
}
.contact-form form input[type="email"]::-webkit-input-placeholder {
    color: #848484;
}
.contact-form form input[type="email"]:-moz-placeholder {
    color: #848484;
}
.contact-form form input[type="email"]::-moz-placeholder {
    color: #848484;
}
.contact-form form input[type="email"]:-ms-input-placeholder {
    color: #848484;
}
.contact-form form button {
    position: relative;
    display: block;
    width: 100%;
    background: rgb(209 92 50 / 100%);
    border: 1px solid rgb(209 92 50 / 100%);
    color: #131313;
    font-size: 16px;
    line-height: 55px;
    font-weight: 600;
    text-align: center;
    text-transform: capitalize;
    transition: all 200ms linear;
    transition-delay: 0.1s;
    cursor: pointer;
}

.contact-form form button:hover{
    color: #ffffff;
    background: #131313;
}

/*--------------------
 Back to Top Button
---------------------*/
.scrollToTopBtn {
  background-color: #000;
  border: none;
  border-radius: 50%;
  color: white;
  cursor: pointer;
  font-size: 30px;
  line-height: 48px;
  width: 48px;
  /* place it at the bottom right corner */
  position: fixed;
  bottom: 30px;
  right: 30px;
  /* keep it on top of everything else */
  z-index: 100;
  /* hide with opacity */
  opacity: 0;
  /* also add a translate effect */
  transform: translateY(100px);
  /* and a transition */
  transition: all 2s ease
}

.showBtn {
  opacity: 1;
  transform: translateY(0)
}